سلام دوستان

امروز براتون یک کد خیلی عالی آماده کردم که با اون میتونید توی چت روم هاتون صدا رو به نوشتار تبدیل کنید تا کاربران راحت تر بتونند با هم دیگه ارتباط برقرار کنند.

قبل هر چیزی بگم :


هر گونه کپی برداری و تغییر در پلاگین بدون ذکر منبع و برداشتن کپی رایت بدون رضایت اینجانب بوده و حرام است و به سادگی از این موضوع نخواهم گذشت.

کدی که در اختیار شما میزارم یکی از کوچکترین امکانات HTML 5 هستش که خیلی کاربردی هست و خیلی افراد بدون اینکه بدونند توی خیلی از قالب هاشون استفاده میکنند.

بعد قرار دادن کد توی قسمتی که پایین تر آموزش داده میشه شکل فیلد ورودی شما مثل تصویر زیر خواهد شد که بعد از کلیک روی میکروفون کوچولو که در کنار فیلد قرار داده شده اون پنجره کوچیک ظاهر میشه :

کد تبدیل صدا به نوشتار در چت روم

خب بریم سراغ آموزش…

آموزش خیلی خیلی ساده تر از اون چیزی هستش که فکرشو میکنید…

میریم سراغ فایل های قالب چت روم که توی شاخه styles هستش و بعد وارد پوشه ایی بشید که به عنوان قالب چت روم تون انتخاب کردید…

بعد بریم سراغ فایل chat.tpl.html و ویرایشش میکنیم …

دنبال خط زیر میگردیم :

کد HTML:

<input name="message" id="message" type="text" style="width:400px;"/>

حالا فقط کافیه آخر همین تگ کد x-webkit-speech رو قرار بدیم اون وقت کد به شکل زیر میشه :

کد HTML:

<input name="message" id="message" type="text" style="width:400px;" x-webkit-speech/>

خب کار تمومه…

این کد فقط برای زبان انگلیسی استفاده میشه …

این امکان فقط بر روی مرورگر گوگل کروم قابل نمایش است.

فایل رو ذخیره کنید و ببندید بعد صفحه داحل چت روم رو رفرش کنید تا شاهد آیکون میکروفن باشید..

موفق باشید…

منبع:www.holo-design.ir